﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>民宿景区旅游模板—首页</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/script.js"></script>
</head>


<body style="display: none;">
<!--------------------------------------左侧固定栏目 头部开始 -------------------------------------->
<header>
  <div class="container full-height">

    <div class="logo">
        <a href="index.html">
            <img src="picture/logo.png">
        </a>
    </div>

    <a class="mbtn"></a>

    <div class="menu">
      <ul>
        <li><a  class='on' href="index.html">网站首页</a></li>
        
        <li><a href="about.html">景区简介</a></li>
        
        <li><a href="tese.html">景区特色</a></li>
        
        <li><a href="news.html">最新动态</a></li>
        
        <li><a href="case.html">赏心体验</a></li>
        
        <li><a href="news.html">静心民宿</a></li>
        
        <li><a href="contact.html">联系我们</a></li>
        
      </ul>
    </div>

    <div class="foot">

      <p class="p1">
          <a class="ico ico2"><img src="picture/qbox.png"></a>
          <a href="https://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes" class="ico ico1"></a>
          <a href="https://weibo.com/fujianbaina?sudaref=www.bainaonline.cn&display=0&retcode=6102" class="ico ico3"></a> </p>
        <p class="tel">4008-990-990</p>
      <p class="p2">福建百纳在线网络技术有限公司 版权所有</p>
    </div>

  </div>
</header>
<!--------------------------------------左侧固定栏目 头部结束 -------------------------------------->


<!-------------------------------------- 主体开始 -------------------------------------->
<main>
    <!--banner轮播部分-->
  <div class="ui-fullpart nopd">
    <div class="ui-homebanner">
      <div class="view">
        <div id="carousel-homebanner" class="carousel slide" data-ride="carousel">
          <div class="carousel-inner" role="listbox">
              <div class='item active'>
              <a href="#" class="img">
                  <img src="images/banner1.jpg" alt=""/>
              <!--<div class="tt">-->
                <!--<p class="p3">-->
                  <!--<label for="">more></label>-->
                <!--</p>-->
              <!--</div>-->
              </a> 
              </div>
              <div class='item'>
                  <a href="#" class="img">
                      <img src="images/banner2.jpg" alt=""/>
              </a>
              </div>
              <div class='item'>
                  <a href="#" class="img">
                      <img src="images/banner3.jpg" alt=""/>
              </a>
              </div>
          </div>
        </div>
      </div>

      <div class="navi">
        <ul>
            <li><a class='on'>01</a></li>
            <li><a >02</a></li>
            <li><a >03</a></li>
        </ul>
      </div>

    </div>
  </div>

    <!--景区特色+精心民宿部分-->
    <div class="ui-fullpart bg-g">
        <div class="ui-title">
            <p class="p1">景区特色</p>

            <p class="p2">feature</p>
        </div>
        <div class="ui-homeview wow fadeInUp">
            <ul>
                <li>
                    <a href="news_vd.html" class="i">
                    <img src="picture/1-20010qh4500-l.jpg" alt="">
                    <div class="ct">
                        <h3>
                            <label>农家小苑<br>
                                <small>幽静乡下</small>
                            </label>
                        </h3>
                        <p>最美小镇之称的汉中留坝火烧店。在这里，时光很慢，慢慢等最真的自己出现...</p>
                    </div>
                </a>
                </li>

                <li>
                    <a href="news_vd.html" class="i">
                    <img src="picture/1-20010qh5130-l.jpg" alt="">
                    <div class="ct">
                        <h3>
                            <label>茗品茶香<br>
                                <small>古典茶道</small>
                            </label>
                        </h3>
                        <p>茶人居，西子湖畔袅袅的茶香和静静的湖面；串串的大红灯笼和错落的华灯，天簌似的古筝乐音和清新的空气，茶人居以其优雅的环境、独特的设计、自然的格调，深深的吸引着八方的雅客和同好...</p>
                    </div>
                </a>
                </li>

                <li>
                    <a href="news_vd.html" class="i">
                    <img src="picture/1-20010qh5380-l.jpg" alt="">
                    <div class="ct">
                        <h3>
                            <label>幽静小村<br>
                                <small>幽静朴素</small>
                            </label>
                        </h3>
                        <p>最美小镇之称的汉中留坝火烧店。在这里，时光很慢，慢慢等最真的自己出现..</p>
                    </div>
                </a>
                </li>

                <li>
                    <a href="news_vd.html" class="i">
                    <img src="picture/1-20010qi0500-l.jpg" alt="">
                    <div class="ct">
                        <h3>
                            <label>古香古色<br>
                                <small>古色飘香</small>
                            </label>
                        </h3>
                        <p>最美小镇之称的汉中留坝火烧店。在这里，时光很慢，慢慢等最真的自己出现..</p>
                    </div>
                </a>
                </li>

                <div class="clearfix"></div>
            </ul>
        </div>

       <div class="container">
            <div class="ht90"></div>
            <div class="ui-title">
                <p class="p1">静心民宿</p>
                <p class="p2">homestay</p>
            </div>
            <div class="ui-homehouse lrlist" data-count-pc="3" data-count-mb="1">
                <a href="" class="aw l"><</a>
                <a href="" class="aw r">></a>
                <div class="ct">
                    <ul>
                        <li>
                            <a href="news_vd.html" class="i">
                            <div class="img"><img src="picture/1-20010qi5310-l.jpg" alt=""></div>
                            <div class="txt">
                                <h3>静心民宿三</h3>
                                <p>此处文案内容可根据您企业内容进行编辑，可更换文字、图片等常用元素...</p>
                                <h5>
                                    <label>MORE</label>
                                </h5>
                            </div>
                        </a>
                        </li>
                        <li>
                            <a href="news_vd.html" class="i">
                            <div class="img">
                                <img src="picture/1-20010qi5030-l.jpg" alt="">
                            </div>
                            <div class="txt">
                                <h3>静心民宿二</h3>
                                <p>此处文案内容可根据您企业内容进行编辑，可更换文字、图片等常用元素...</p>
                                <h5>
                                    <label>MORE</label>
                                </h5>
                            </div>
                        </a>
                        </li>
                        <li>
                            <a href="news_vd.html" class="i">
                            <div class="img">
                                <img src="picture/1-20010qi4230-l.jpg" alt=""></div>
                            <div class="txt">
                                <h3>静心民宿一</h3>
                                <p>此处文案内容可根据您企业内容进行编辑，可更换文字、图片等常用元素...</p>
                                <h5>
                                    <label>MORE</label>
                                </h5>
                            </div>
                        </a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>

   <!--最新动态-->
   <div class="ui-fullpart">
    <div class="ui-title">
      <p class="p1">最新动态</p>
      <p class="p2">News</p>
    </div>
    <div class="ul-homenews">
      <ul>
        <li> <a href="news_vd.html" class="i">
            <img src="picture/1-20010qj040295.jpg" alt="">
          <div class="ct">
            <h3>闽南旅游度假推荐</h3>
            <h5>2020-01-08</h5>
            <p>离我们不远的地方，有个闻名天下的小城，那里有四季如春的山水美景，远离尘嚣的旖旎风光，恬谈静谧的幽静氛围，超凡脱俗的乡野情趣，异族风情的西街，琳琅如画的酒吧，善良可...</p>
          </div>
          </a>
        </li>
          <li>
              <a href="news_vd.html" class="i">
                  <img src="picture/1-20010qj2140-l.jpg" alt="">
                  <div class="ct">
                      <h3>福建有哪些经典必去景点？哪些景点需要</h3>
                      <h5>2020-01-08</h5>
                      <p>本人特别喜欢旅游，喜欢自己做攻略，用自己喜欢的方式去游玩，不久前刚从那边回来，说到桂林，我算是很有发言权了，前后和不同的人去过三次桂林，每次的感受都是不同的，分享...</p>
                  </div>
              </a>
          </li>

        <div class="clearfix"></div>
      </ul>
    </div>
    <div class="ht70"></div>
    <div class="ui-more">
      <p><a href="news.html">MORE ＞</a></p>
    </div>
  </div>

    <!--赏心民宿-->
  <div class="ui-fullpart bg-homeexpe">
    <div class="container">
      <div class="ui-title">
        <p class="p1">赏心体验</p>
        <p class="p2">experience</p>
      </div>

      <div class="ui-homeexpe">
        <ul>
            <li>
                <a href="news_vd.html" class="i">
                    <div class="img"><img src="picture/1-20010qih90-l.jpg" alt=""></div>
                    <div class="txt">
                        <h3>古老城楼</h3>

                        <p>夏棠寨，依山傍水，拥有山川、湖泊等丰富的自然资源，潜心打造绝佳的度假休...</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="news_vd.html" class="i">
                    <div class="img"><img src="picture/1-20010qif50-l.jpg" alt=""></div>
                    <div class="txt">
                        <h3>小憩时刻</h3>
                        <p>在春节来临之际，夏棠寨推出赏心民俗体验活动、欢迎大家前来体验乡村风光...</p>
                    </div>
                </a></li>
          <div class="clearfix"></div>
        </ul>
      </div>
    </div>
  </div>

</main>
<!-------------------------------------- 主体结束 -------------------------------------->

<!-------------------------------------- 尾部开始 -------------------------------------->
<footer>
    <div class="container">
        <div class="info">
            <p>
                <span class="pull-right">
                <span class="loca">
                <a href="contact.html">目的地指南</a>
                    <em>/</em>联系电话：4008-990-990
                </span>
                </span>
                <a href="index.html">网站首页</a>
                <i>|</i>
                <a href="about.html">景区简介</a>
                <i>|</i>
                <a href="tese.html">景区特色</a>
                <i>|</i>
                <a href="news.html">最新动态</a>
                <i>|</i>
                <a href="case.html">赏心体验</a>
                <i>|</i>
                <a href="news.html">静心民宿</a>
                <i>|</i>
                <a href="contact.html">联系我们</a>
            </p>
        </div>
    </div>

    <!--手机端底部悬浮商务组件开始-->
    <div id="kefu">
        <input type="checkbox" id="showKfList">
        <label for="showKfList" class="topBtn"></label>
	    <span class="wechat" id="right_copy" data-clipboard-text="bainaonline"></span>
        <span class="other">
            <a href="tel:4008-990-990"></a>
            <!--<dt>4008-990-990</dt>-->
            <!--<dd>7*24小时客服电话</dd>-->
         <!--<dl class="tel">-->
        <!--</dl>-->
	</span>
        <span class="map" title="地图"
              onClick="window.open('http://map.baidu.com/mobile/#place/list/qt=s&amp;wd=福州市鼓楼区洪山园路68号招标大厦c座5楼&amp;vt=map/vt=map&amp;i');"></span>
    </div>

    <script type="text/javascript" src="js/clipboard.min.js"></script>
    <div id="right_box">
        <span class="close_btn">X</span>
        <h3>恭喜您微信号已经复制成功</h3>
        <p>请前往微信进行好友添加</p>
        <a href="weixin://">我知道了，去微信</a>
    </div>

    <script>
        $(document).ready(function () {

            var right_copy = new ClipboardJS('#right_copy');
            right_copy.on('success', function (e) {
                alert("微信号复制成功");
                window._agl && window._agl.push(['track', ['success', {t: 3}]])
            });
            right_copy.on('error', function (e) {
            });


            $("#right_copy").click(function (e) {
                e.preventDefault();
                $("#right_box").show();
            });


            // 点击关闭事件
            $(".close_btn").bind("click", function () {
                $("#right_box").hide();
            })
        });
    </script>
    <!--手机端底部悬浮商务组件 结束-->
</footer>
 
<!-------------------------------------- 尾部开始 -------------------------------------->
<script type="text/javascript"  src="js/su_new.js"></script>
</body>
</html>
